import {request} from '../../request/index'
import regeneratorRuntime from '../../lib/runtime/runtime'
Page({
  data: {
    goods:[],
    // 取消按钮的显示与隐藏
    isFocus:false,
    inputValue:""
  },
  TimeId:-1,
  // 输入框改变触发
  handleInput(e){
    // 获取输入框的值
    const {value} = e.detail
    // 检测合法性
    if(!value.trim()){
      // 不合法/输入框为空
      this.setData({
        isFocus:false,
        goods:[]
      })
      return
    }
    this.setData({
      isFocus:true
    })
    // 使用防抖技术来减少请求次数
    clearTimeout(this.TimeId)
    this.TimeId=setTimeout(()=>{
      this.getValueData(value)
    },300)
  },
  // 根据value值请求数据
  async getValueData(query){
    const res = await request({url:'/goods/qsearch',data:{query}})
    this.setData({
      goods:res
    })    
  },
  // 点击按钮清空结果
  handleCancel(){
    this.setData({
      inputValue:'',
      isFocus:false,
      goods:[]
    })
  }
})